v9.11.0

Compare Source

This release adds support for Buddhist and Hebrew calendars, introduces new Southeast Asian numeral systems, adds the aria-labelledby prop, and improves month/year formatting for specific locales. It also includes fixes for the recently added Ethiopic calendar.

Buddhist Calendar

To use the Buddhist calendar, import DayPicker from react-day-picker/buddhist.

import { DayPicker } from "react-day-picker/buddhist";

export function BuddhistCalendar() {
  return <DayPicker />;
}

Read more in the documentation and play with it in playground.

Hebrew Calendar

To switch to the Hebrew calendar, import DayPicker from react-day-picker/hebrew.

import { DayPicker } from "react-day-picker/hebrew";

export function HebrewCalendar() {
  return <DayPicker />;
}

Read more in the documentation and play with it in playground.

What's Changed

• feat: Buddhist calendar by @​gpbl in #​2825
• feat: Hebrew calendar by @​gpbl in #​2827
• feat: align month/year caption and dropdown with locale by @​gpbl in #​2830
• feat: add aria-labelledby prop by @​gpbl in #​2828
• feat: add Southeast Asian numeral systems by @​gpbl in #​2832
• fix: ethiopic calendar may crash with dropdown layout by @​gpbl in #​2831
• fix: years are not correctly formatted in ethiopic calendar by @​gpbl in #​2831

Full Changelog: gpbl/react-day-picker@v9.10.0...v9.11.0

v9.10.0

Compare Source

This release adds support for the Ethiopic calendar.

Ethiopic calendar

To use the Ethiopic calendar, import DayPicker from react-day-picker/ethiopic.

import { DayPicker } from "react-day-picker/ethiopic";

export function EthiopicCalendar() {
  return <DayPicker />;
}

Read more in the documentation and play with it in playground.

What's Changed

• feat: ethiopic calendar by @​temesgen-mulugeta in #​2658

Full Changelog: gpbl/react-day-picker@v9.9.0...v9.10.0

v9.9.0

Compare Source

This release includes a new reverseYears prop, a range selection fix, and a build update to fix issues with source maps.

Reversing the Years in the Dropdown

When using captionLayout='dropdown', set reverseYears to reverse the years listed in the dropdown: the most recent year will appear first.

<DayPicker captionLayout="dropdown" reverseYears />

See it in action in the playground.

What's Changed

• feat: add reverseYears prop by @​gpbl in #​2822
• fix: select the same day in range mode when range is open and min prop is 0 by @​rodgobbi in #​2816
• build: removed source maps and src directory from package by @​gpbl in #​2812
• build: update date-fns/tz dependency by @​gpbl in #​2823

Full Changelog: gpbl/react-day-picker@v9.8.1...v9.9.0

v9.8.1

Compare Source

Improved captionLayout documentation and build process.

What's Changed

• docs: Improve documentation for captionLayout prop by @​rodgobbi in #​2788 and @​haecheonlee in #​2787
• build: avoid locking dependencies by @​nihgwu in #​2789

New Contributors

• @​haecheonlee made their first contribution in #​2787
• @​n-zngr made their first contribution in #​2790
• @​nihgwu made their first contribution in #​2789

Full Changelog: gpbl/react-day-picker@v9.8.0...v9.8.1